<template>
	<view class="tab">
		<navigator open-type="switchTab" url="/pages/index/index" class="tab-box">
			首页
		</navigator>
		<navigator open-type="switchTab" url="/pages/follow/follow" class="tab-box">
			关注
		</navigator>
		<view class="tab-box">
			<view class="iconfont iconjiahao icon-box">
			</view>
		</view>
		<navigator open-type="switchTab" url="/pages/news/news" class="tab-box">
			消息
		</navigator>
		<navigator open-type="switchTab" url="/pages/personal/personal" class="tab-box">
			我的
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.tab{
	height: 50px;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index:999;
	background-color: #000000;
}
.tab-box{
	float: left;
	width: 20%;
	color: #FFFFFF;
	text-align: center;
	height: 50px;
	line-height: 50px;
	.icon-box{
		width: 62%;
		height: 30px;
		background-color: #FFFFFF;
		color: #000000;
		font-weight: 600;
		margin: 10px 15%;
		line-height: 30px;
		border-radius: 5px;
		font-size: 20px;
	}
}
</style>
